<template>
  <div class="page-content">
    <div v-wechat-title="$route.meta.title"></div>
    <div class="page-container">
      <img class="success"
           src="../assets/images/success.png"
           alt />
      <div class="text">签退成功!</div>
    </div>
    <div class="container">
      <p class="item">
        <span class="title"
              style="margin-right: 15px;">手机号 :</span>
        <span class="content">{{phone}}</span>
      </p>
      <p class="item">
        <span class="title">登记时间 :</span>
        <span class="content">{{startDate}}</span>
      </p>
      <p class="item">
        <span class="title">签退时间 :</span>
        <span class="content">{{endDate}}</span>
      </p>
      <p class="item">
        <span class="title">单位名称 :</span>
        <span class="content">{{company}}</span>
      </p>
    </div>
  </div>
</template>
<script>
import "common/css/form.styl";
export default {
  data () {
    return {
      phone: "132****3434",
      startDate: "2010-03-03 12:30",
      company: "XXXXXXXXX",
      endDate: "2020-03-03 12:30"
    };
  },
  mounted () {
    let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
    this.phone = userInfo.sjhm;
    this.startDate = userInfo.djsj;
    this.company = userInfo.dwmc;
    this.endDate = userInfo.qtsj;
  },
  methods: {
    togger () {
      this.$router.push({ name: "login" });
    }
  }
};
</script>
<style lang="stylus" scoped>
.page-content
  background #ffffff
.page-container
  text-align center
  padding-top 60px
  .text
    color #666
    font-size 18px
    margin-top 10px
.success
  width 65px
  height 65px
.container
  margin 30px 50px
  padding 18px
  border 1px solid #d8d8d8
  border-radius 5px
  .item
    margin-top 10px
    font-size 16px
    color #000
    .content
      margin-left 4px
  .item:first-child
    margin 0
</style>